<template>
  <div style="width: calc(100vw); height: calc(100vh); background: linear-gradient(rgb(19, 20, 39), rgb(42, 44, 80)); overflow: auto;" class="invisible-scrollbar">
    <div style="width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative;">
      <!-- 标题开始 -->
      <div :style="{ height: (280 / 96) + 'rem' }"></div>
      <div ref="matchTitleElement" style="width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: rgb(12, 12, 24); position: fixed; top: 0rem; left: 0rem; z-index: 1;" :style="{ height: (280 / 96) + 'rem' }">
        <div :style="{width: '7%', height: (108 / 96) + 'rem', position: 'absolute', top: '0rem', left: '0rem', display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center'}">
          <div :style="{width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', cursor: 'pointer'}" @click="goBackClick">
            <img :style="{width: (50 / 96) + 'rem', height: (50 / 96) + 'rem'}" src="../../../static/match-backs.png" />
          </div>
        </div>
        <div style="width: 86%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;" ref="teamElement">
          <div :style="{ width: '45%', height: (108 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
            <span :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ homeTeamName }}</span>
          </div>
          <div :style="{ width: '45%', height: (108 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-end; align-items: center;">
            <span :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ awayTeamName }}</span>
          </div>
        </div>
        <div style="width: 86%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;" ref="teamElement">
          <div :style="{ width: '12%' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
            <div :style="{ width: (120 / 96) + 'rem', height: (120 / 96) + 'rem' }">
              <img :style="{ width: (120 / 96) + 'rem', height: (120 / 96) + 'rem', borderRadius: '100%' }" :src="homeTeamImg" />
            </div>
            <div :style="{ width: (200 / 96) + 'rem', marginLeft: (20 / 96) + 'rem' }" style="display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;">
              <span :style="{ fontSize: (106 / 96) + 'rem' }" style="font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF;">{{ homeTeamScorce }}</span>
            </div>
          </div>
          <div :style="{ width: '60%' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;">
            <div style="width: 20%;">
              <div style="width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 1, 'lineClamp': 1, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">球队</span>
              </div>
              <div style="width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 1, 'lineClamp': 1, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ homeTeamName }}</span>
              </div>
              <div style="width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 1, 'lineClamp': 1, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ awayTeamName }}</span>
              </div>
            </div>
            <div style="width: 80%; overflow-x: auto; overflow-y: hidden; white-space: nowrap;">
              <div v-for="(item, index) in matchquarterList" :key="index" style="width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
                <div v-for="(items, indexs) in item.matchquarterItem" :key="indexs" style="width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center;">
                  <span :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 1, 'lineClamp': 1, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ items.scorce }}</span>
                </div>
              </div>
            </div>
          </div>
          <div :style="{ width: '12%' }" style="display: flex; flex-direction: row; justify-content: flex-end; align-items: center;">
            <div :style="{ width: (200 / 96) + 'rem', marginRight: (20 / 96) + 'rem' }" style="display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;">
              <span :style="{ fontSize: (106 / 96) + 'rem' }" style="font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF;">{{ awayTeamScorce }}</span>
            </div>
            <div :style="{ width: (120 / 96) + 'rem', height: (120 / 96) + 'rem' }">
              <img :style="{ width: (120 / 96) + 'rem', height: (120 / 96) + 'rem', borderRadius: '100%' }" :src="awayTeamImg" />
            </div>
          </div>
        </div>
      </div>
      <!-- 标题结束 -->
      <!-- 球队对比开始 -->
      <div style="width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;" :style="{ marginTop: (60 / 96) + 'rem', marginBottom: (60 / 96) + 'rem' }">
        <div style="width: 90%; display: flex; flex-direction: row; justify-content: center; align-items: center;" :style="{ marginBottom: (20 / 96) + 'rem' }" v-for="(item, index) in teamInfoList" :key="index">
          <div style="width: 45%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
            <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
              <span v-if="index > 2" :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.leftTeamNum}}</span>
              <span v-if="index <= 2" :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{statisticalModel == 1 ? item.leftTeamNum : (item.leftTeamAllNum != 0 ? (item.leftTeamNum / item.leftTeamAllNum * 100).toFixed(1) + "%" : "0%")}}</span>
            </div>
            <div :style="{ width: '80%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
              <div v-if="index > 2" :style="{ width: '100%', height: (50 / 96) + 'rem', background: 'rgb(12, 12, 24)', display: 'flex', flexDirection: 'row', justifyContent: 'flex-end', alignItems: 'center', position: 'relative' }">
                <div :style="{ width: item.leftTeamNum / (item.leftTeamAllNum + item.rightTeamAllNum) * 100 + '%', height: (48 / 96) + 'rem', background: '#5DAC81', position: 'absolute', right: '0rem' }"></div>
              </div>
              <div v-if="index <= 2" :style="{ width: '100%', height: (50 / 96) + 'rem', background: 'rgb(12, 12, 24)', display: 'flex', flexDirection: 'row', justifyContent: 'flex-end', alignItems: 'center', position: 'relative' }">
                <div :style="{ width: item.leftTeamNum / item.leftTeamAllNum * 100 + '%', height: (48 / 96) + 'rem', background: '#5DAC81', position: 'absolute', right: '0rem' }"></div>
              </div>
            </div>
          </div>
          <div style="width: 10%; display: flex; flex-direction: row; justify-content: center; align-items: center;">
            <div :style="{ width: '100%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
              <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (40 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.title }}</span>
            </div>
          </div>
          <div style="width: 45%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;">
            <div :style="{ width: '80%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
              <div v-if="index > 2" :style="{ width: '100%', height: (50 / 96) + 'rem', background: 'rgb(12, 12, 24)', display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', position: 'relative' }">
                <div :style="{ width: item.rightTeamNum / (item.leftTeamAllNum + item.rightTeamAllNum) * 100 + '%', height: (48 / 96) + 'rem', background: '#5DAC81', position: 'absolute', left: '0rem' }"></div>
              </div>
              <div v-if="index <= 2" :style="{ width: '100%', height: (50 / 96) + 'rem', background: 'rgb(12, 12, 24)', display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', position: 'relative' }">
                <div :style="{ width: item.rightTeamNum / item.rightTeamAllNum * 100 + '%', height: (48 / 96) + 'rem', background: '#5DAC81', position: 'absolute', left: '0rem' }"></div>
              </div>
            </div>
            <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
              <span v-if="index > 2" :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.rightTeamNum}}</span>
              <span v-if="index <= 2" :style="{ fontSize: (39 / 96) + 'rem', lineHeight: (50 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{statisticalModel == 1 ? item.rightTeamNum : (item.rightTeamAllNum != 0 ? (item.rightTeamNum / item.rightTeamAllNum * 100).toFixed(1) + "%" : "0%")}}</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 球队对比结束 -->
      <!-- 主球队球员的信息开始 -->
      <div style="width: 100%; display: flex; flexDirection: column; justifyContent: flex-start; alignItems: center;" :style="{ marginBottom: (100 / 96) + 'rem' }">
        <div style="width: 90%; display: flex; flexDirection: column; justifyContent: flex-start; alignItems: center;">
          <div style="width: 100%; display: flex; flexDirection: row; justifyContent: flex-start; alignItems: center; border-bottom: 1px solid rgb(12, 12, 24);">
            <div :style="{ width: '20%', marginBottom: (30 / 96) + 'rem', paddingLeft: (20 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ homeTeamName }}</span>
            </div>
            <div :style="{ width: '80%', marginBottom: (30 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">得分</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">篮板</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">助攻</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">抢断</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">盖帽</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">前板</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">后板</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ model == 5 ? "二分" : "一分" }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ model == 5 ? "三分" : "二分" }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">罚球</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">失误</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">犯规</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">效率</span>
              </div>
            </div>
          </div>
          <div style="width: 100%; display: flex; flexDirection: row; justifyContent: flex-start; alignItems: center;" v-for="(item, index) in homeTeamData" :key="'home' + index" :style="{ background: index % 2 != 0 ? 'rgb(12, 12, 24)' : '' }">
            <div :style="{ width: '20%', paddingTop: (15 / 96) + 'rem', paddingBottom: (15 / 96) + 'rem', paddingLeft: (20 / 96) + 'rem', cursor: index != homeTeamData.length - 1 ? 'pointer' : '' }" @click="toPlayerInfoClick('home', index)" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%', display: 'flex', flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }">
                <span :style="{ fontSize: (28 / 96) + 'rem', color: index < 5 ? '#5DAC81' : '#FFFFFF', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400;">{{ item.playerNum }}</span>
              </div>
              <div :style="{ width: '80%', display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center' }">
                <span :style="{ fontSize: (28 / 96) + 'rem', color: index < 5 ? '#5DAC81' : '#FFFFFF', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400;">{{ item.playerName }}</span>
              </div>
            </div>
            <div :style="{ width: '80%', marginTop: (15 / 96) + 'rem', marginBottom: (15 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.pts})) == item.pts && item.pts != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.pts }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.rebs})) == item.rebs && item.rebs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.rebs }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.asts})) == item.asts && item.asts != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.asts }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.stls})) == item.stls && item.stls != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.stls }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.blks})) == item.blks && item.blks != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.blks }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.off})) == item.off && item.off != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.off }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.def})) == item.def && item.def != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.def }}</span>
              </div>
              <div v-if="model == 5" :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.twoPsBfb})) == (item.twoPs / (item.twoPs + item.twoPsMiss)) && (item.twoPs / (item.twoPs + item.twoPsMiss)) != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.twoPs}}/{{item.twoPs + item.twoPsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.twoPs})) == item.twoPs && item.twoPs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.twoPs}}</span>
              </div>
              <div v-else :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.onePsBfb})) == (item.onePs / (item.onePs + item.onePsMiss)) && (item.onePs / (item.onePs + item.onePsMiss)) != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.onePs}}/{{item.onePs + item.onePsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.onePs})) == item.onePs && item.onePs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.onePs}}</span>
              </div>
              <div v-if="model == 5" :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.threePsBfb})) == (item.threePs / (item.threePs + item.threePsMiss)) && (item.threePs / (item.threePs + item.threePsMiss)) != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.threePs}}/{{item.threePs + item.threePsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.threePs})) == item.threePs && item.threePs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.threePs}}</span>
              </div>
              <div v-else :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.twoPsBfb})) == (item.twoPs / (item.twoPs + item.twoPsMiss)) && (item.twoPs / (item.twoPs + item.twoPsMiss)) != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.twoPs}}/{{item.twoPs + item.twoPsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.twoPs})) == item.twoPs && item.twoPs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.twoPs}}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.ftsBfb})) == item.ftsBfb && item.ftsBfb != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.fts}}/{{item.fts + item.ftsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.fts})) == item.fts && item.fts != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.fts}}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.tos})) == item.tos && item.tos != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.tos }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.fouls})) == item.fouls && item.fouls != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.fouls }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, homeTeamData.map((items) => {return items.eff})) == item.eff && item.eff != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.eff }}</span>
              </div>
            </div>
          </div>
          <div style="width: 100%; display: flex; flexDirection: row; justifyContent: flex-start; alignItems: center;" v-for="(item, index) in allPlayerDataItem" :key="index">
            <div :style="{ width: '20%', paddingTop: (15 / 96) + 'rem', paddingBottom: (15 / 96) + 'rem', paddingLeft: (20 / 96) + 'rem'}" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%', display: 'flex', flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.playerNum }}</span>
              </div>
              <div :style="{ width: '80%', display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center' }">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.playerName }}</span>
              </div>
            </div>
            <div :style="{ width: '80%', marginTop: (15 / 96) + 'rem', marginBottom: (15 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.pts }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.rebs }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.asts }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.stls }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.blks }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.off }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.def }}</span>
              </div>
              <div v-if="model == 5" :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.twoPs}}/{{item.twoPs + item.twoPsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.twoPs}}</span>
              </div>
              <div v-else :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.onePs}}/{{item.onePs + item.onePsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.onePs}}</span>
              </div>
              <div v-if="model == 5" :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.threePs}}/{{item.threePs + item.threePsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.threePs}}</span>
              </div>
              <div v-else :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.twoPs}}/{{item.twoPs + item.twoPsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.twoPs}}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.fts}}/{{item.fts + item.ftsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.fts}}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.tos }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.fouls }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.eff }}</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 主球队球员的信息结束 -->
      <!-- 客球队球员的信息开始 -->
      <div style="width: 100%; display: flex; flexDirection: column; justifyContent: flex-start; alignItems: center;"  :style="{ marginBottom: (100 / 96) + 'rem' }">
        <div style="width: 90%; display: flex; flexDirection: column; justifyContent: flex-start; alignItems: center;">
          <div style="width: 100%; display: flex; flexDirection: row; justifyContent: flex-start; alignItems: center; border-bottom: 1px solid rgb(12, 12, 24);">
            <div :style="{ width: '20%', marginBottom: (30 / 96) + 'rem', paddingLeft: (20 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ awayTeamName }}</span>
            </div>
            <div :style="{ width: '80%', marginBottom: (30 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">得分</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">篮板</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">助攻</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">抢断</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">盖帽</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">前板</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">后板</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ model == 5 ? "二分" : "一分" }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ model == 5 ? "三分" : "二分" }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">罚球</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">失误</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">犯规</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (36 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">效率</span>
              </div>
            </div>
          </div>
          <div style="width: 100%; display: flex; flexDirection: row; justifyContent: flex-start; alignItems: center;" v-for="(item, index) in awayTeamData" :key="'away' + index" :style="{ background: index % 2 != 0 ? 'rgb(12, 12, 24)' : '' }">
            <div :style="{ width: '20%', paddingTop: (15 / 96) + 'rem', paddingBottom: (15 / 96) + 'rem', paddingLeft: (20 / 96) + 'rem', cursor: index != awayTeamData.length - 1 ? 'pointer' : '' }" @click="toPlayerInfoClick('away', index)" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%', display: 'flex', flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }">
                <span :style="{ fontSize: (28 / 96) + 'rem', color: index < 5 ? '#5DAC81' : '#FFFFFF', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.playerNum }}</span>
              </div>
              <div :style="{ width: '80%', display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center' }">
                <span :style="{ fontSize: (28 / 96) + 'rem', color: index < 5 ? '#5DAC81' : '#FFFFFF', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.playerName }}</span>
              </div>
            </div>
            <div :style="{ width: '80%', marginTop: (15 / 96) + 'rem', marginBottom: (15 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.pts})) == item.pts && item.pts != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.pts }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.rebs})) == item.rebs && item.rebs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.rebs }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.asts})) == item.asts && item.asts != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.asts }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.stls})) == item.stls && item.stls != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.stls }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.blks})) == item.blks && item.blks != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.blks }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.off})) == item.off && item.off != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.off }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.def})) == item.def && item.def != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.def }}</span>
              </div>
              <div v-if="model == 5" :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.twoPsBfb})) == (item.twoPs / (item.twoPs + item.twoPsMiss)) && (item.twoPs / (item.twoPs + item.twoPsMiss)) != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.twoPs}}/{{item.twoPs + item.twoPsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.twoPs})) == item.twoPs && item.twoPs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.twoPs}}</span>
              </div>
              <div v-else :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.onePsBfb})) == (item.onePs / (item.onePs + item.onePsMiss)) && (item.onePs / (item.onePs + item.onePsMiss)) != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.onePs}}/{{item.onePs + item.onePsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.onePs})) == item.onePs && item.onePs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.onePs}}</span>
              </div>
              <div v-if="model == 5" :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.threePsBfb})) == (item.threePs / (item.threePs + item.threePsMiss)) && (item.threePs / (item.threePs + item.threePsMiss)) != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.threePs}}/{{item.threePs + item.threePsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.threePs})) == item.threePs && item.threePs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.threePs}}</span>
              </div>
              <div v-else :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.twoPsBfb})) == (item.twoPs / (item.twoPs + item.twoPsMiss)) && (item.twoPs / (item.twoPs + item.twoPsMiss)) != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.twoPs}}/{{item.twoPs + item.twoPsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.twoPs})) == item.twoPs && item.twoPs != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.twoPs}}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.ftsBfb})) == item.ftsBfb && item.ftsBfb != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.fts}}/{{item.fts + item.ftsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.fts})) == item.fts && item.fts != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{item.fts}}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.tos})) == item.tos && item.tos != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.tos }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.fouls})) == item.fouls && item.fouls != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.fouls }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical', color: Math.max.apply(Math, awayTeamData.map((items) => {return items.eff})) == item.eff && item.eff != 0 ? '#5DAC81' : '#FFFFFF' }" style="font-family: SimSun; font-weight: 400;">{{ item.eff }}</span>
              </div>
            </div>
          </div>
          <div style="width: 100%; display: flex; flexDirection: row; justifyContent: flex-start; alignItems: center;" v-for="(item, index) in allAwayPlayerDataItem" :key="index">
            <div :style="{ width: '20%', paddingTop: (15 / 96) + 'rem', paddingBottom: (15 / 96) + 'rem', paddingLeft: (20 / 96) + 'rem'}" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%', display: 'flex', flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.playerNum }}</span>
              </div>
              <div :style="{ width: '80%', display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center' }">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.playerName }}</span>
              </div>
            </div>
            <div :style="{ width: '80%', marginTop: (15 / 96) + 'rem', marginBottom: (15 / 96) + 'rem' }" style="display: flex; flex-direction: row; justify-content: flex-start; align-items: center;">
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.pts }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.rebs }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.asts }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.stls }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.blks }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.off }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.def }}</span>
              </div>
              <div v-if="model == 5" :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.twoPs}}/{{item.twoPs + item.twoPsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.twoPs}}</span>
              </div>
              <div v-else :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.onePs}}/{{item.onePs + item.onePsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.onePs}}</span>
              </div>
              <div v-if="model == 5" :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.threePs}}/{{item.threePs + item.threePsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.threePs}}</span>
              </div>
              <div v-else :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.twoPs}}/{{item.twoPs + item.twoPsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.twoPs}}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span v-if="statisticalModel == 2" :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.fts}}/{{item.fts + item.ftsMiss}}</span>
                <span v-else :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{item.fts}}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.tos }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.fouls }}</span>
              </div>
              <div :style="{ width: '20%' }" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
                <span :style="{ fontSize: (28 / 96) + 'rem', lineHeight: (43 / 96) + 'rem', textOverflow: '-o-ellipsis-lastline', overflow: 'hidden', textOverflow: 'ellipsis', display: '-webkit-box', '-webkitLineClamp': 2, 'lineClamp': 2, '-webkitBoxOrient': 'vertical' }" style="font-family: SimSun; font-weight: 400; color: #FFFFFF;">{{ item.eff }}</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 客球队球员的信息结束 -->
    </div>
  </div>
</template>

<script>
  import  {pageResize} from '../../utils/resetScreenSize.js'
  export default {
    name: 'MatchInfos',
    components: {

    },
    data () {
      return {
        countDown: true,
        matchTitle: "",
        homeTeamName: "",
        awayTeamName: "",
        homeTeamImg: "",
        awayTeamImg: "",
        minute: "06",
        second: "22",
        millisecond: "55",
        homeTeamScorce: 0,
        awayTeamScorce: 0,
        homeTeamSuspendNum: 2,
        awayTeamSuspendNum: 3,
        homeTeamfoulNum: 2,
        awayTeamfoulNum: 3,
        i: 0,
        matchquarterList: [
          {
            matchquarterItem: []
          },
          {
            matchquarterItem: []
          },
          {
            matchquarterItem: []
          }
        ],
        quarter: 0,
        teamInfoList: [
          {
            title: "二分%",
            leftTeamNum: 50,
            rightTeamNum: 50,
            leftTeamAllNum: 50,
            rightTeamAllNum: 50
          },
          {
            title: "三分%",
            leftTeamNum: 4,
            rightTeamNum: 4,
            leftTeamAllNum: 4,
            rightTeamAllNum: 4
          },
          {
            title: "罚球%",
            leftTeamNum: 10,
            rightTeamNum: 16,
            leftTeamAllNum: 10,
            rightTeamAllNum: 20
          },
          {
            title: "篮板",
            leftTeamNum: 50,
            rightTeamNum: 50,
            leftTeamAllNum: 50,
            rightTeamAllNum: 50
          },
          {
            title: "前板",
            leftTeamNum: 30,
            rightTeamNum: 14,
            leftTeamAllNum: 30,
            rightTeamAllNum: 20
          },
          {
            title: "后板",
            leftTeamNum: 0,
            rightTeamNum: 0,
            leftTeamAllNum: 0,
            rightTeamAllNum: 0
          },
          {
            title: "盖帽",
            leftTeamNum: 4,
            rightTeamNum: 4,
            leftTeamAllNum: 4,
            rightTeamAllNum: 4
          },
          {
            title: "助攻",
            leftTeamNum: 10,
            rightTeamNum: 16,
            leftTeamAllNum: 10,
            rightTeamAllNum: 20
          },
          {
            title: "抢断",
            leftTeamNum: 30,
            rightTeamNum: 14,
            leftTeamAllNum: 30,
            rightTeamAllNum: 20
          },
          {
            title: "失误",
            leftTeamNum: 0,
            rightTeamNum: 0,
            leftTeamAllNum: 0,
            rightTeamAllNum: 0
          },
          {
            title: "犯规",
            leftTeamNum: 12,
            rightTeamNum: 8,
            leftTeamAllNum: 12,
            rightTeamAllNum: 20
          },
          {
            title: "效率",
            leftTeamNum: 12,
            rightTeamNum: 8,
            leftTeamAllNum: 12,
            rightTeamAllNum: 20
          }
        ],
        model: 0, // [赛制模式]{1:斗牛;2:2V2;3:3V3;4:4V4;5:5V5;}
        statisticalModel: 1, // [统计模式]{1:标准模式;2:专业模式;3:职业模式;}
        mainHeight: 0,
        homeTeamData: [],
        awayTeamData: [],
        allPlayerDataItem: [],
        allAwayPlayerDataItem: []
      }
    },
    mounted() {
      pageResize();
      // setInterval(this.myFunction, 1000 * 5);
    },
    methods: {
      myFunction() {
        this.i = this.i + 1;
        // console.log("轮训任务=================>" + this.i);
        //这里写自己的ajax请求访问后台就可以了
      },
      selectMatchVo(id) {
        let jsons = {
          id: id
        };
        this.$http.post('/competition/selectCompetitionData', jsons).then((res) => {
          if(res.code == 200) {
            let matchquarterList = [];
            let playerDataItem = [];
            let awayPlayerDataItem = [];
            let allPlayerDataItem = [];
            let allAwayPlayerDataItem = [];
            this.homeTeamName = res.data.homeTeamName;
            this.awayTeamName = res.data.awayTeamName;
            this.matchTitle = res.data.leagueInfo.leagueName;
            this.homeTeamImg = res.data.homeTeamStatistics.teamInfo.teamLogo ? res.data.homeTeamStatistics.teamInfo.teamLogo : "../../static/league_match_logo.png";
            this.awayTeamImg = res.data.awayTeamStatistics.teamInfo.teamLogo ? res.data.awayTeamStatistics.teamInfo.teamLogo : "../../static/league_match_logo.png";
            this.homeTeamScorce = res.data.homeTeamScore;
            this.awayTeamScorce = res.data.awayTeamScore;
            this.quarter = res.data.quarter;
            let quarterText = "";
            let allQuarterNum = res.data.quarter;
            this.model = res.data.leagueInfo.model;
            this.statisticalModel = res.data.statisticalModel;
            let totalpts = 0,
            totalrebs = 0,
            totalasts = 0,
            totalstls = 0,
            totalblks = 0,
            totaltwoPs = 0,
            totaltwoPsMiss = 0,
            totalthreePs = 0,
            totalthreePsMiss = 0,
            totalonePs = 0,
            totalonePsMiss = 0,
            totaltos = 0,
            totalfouls = 0,
            totalfts = 0,
            totalftsMiss = 0,
            totaloff = 0,
            totaldef = 0,
            totaleff = 0;
            let awaytotalpts = 0,
            awaytotalrebs = 0,
            awaytotalasts = 0,
            awaytotalstls = 0,
            awaytotalblks = 0,
            awaytotaltwoPs = 0,
            awaytotaltwoPsMiss = 0,
            awaytotalthreePs = 0,
            awaytotalthreePsMiss = 0,
            awaytotalonePs = 0,
            awaytotalonePsMiss = 0,
            awaytotaltos = 0,
            awaytotalfouls = 0,
            awaytotalfts = 0,
            awaytotalftsMiss = 0,
            awaytotaloff = 0,
            awaytotaldef = 0,
            awaytotaleff = 0;
            this.matchquarterList = [
              {
                matchquarterItem: []
              },
              {
                matchquarterItem: []
              },
              {
                matchquarterItem: []
              }
            ];
            for(let i=0;i<allQuarterNum;i++) {
              if(i == 0) {
                quarterText = "1st";
              }
              if(i == 1) {
                quarterText = "2nd";
              }
              if(i == 2) {
                quarterText = "3rd";
              }
              if(i == 3) {
                quarterText = "4th";
              }
              if(i >= 4) {
                quarterText = i - 3 + "ot";
              }
              this.matchquarterList[0].matchquarterItem.push({
                scorce: quarterText
              });
              this.matchquarterList[1].matchquarterItem.push({
                scorce: res.data.homeTeamStatistics["scoreQuarter" + (i + 1)]
              });
              this.matchquarterList[2].matchquarterItem.push({
                scorce: res.data.awayTeamStatistics["scoreQuarter" + (i + 1)]
              });
            }
            this.matchquarterList = this.matchquarterList;
            for(let i=0;i<res.data.homeTeamPlayerStatistics.length;i++) {
              // if(res.data.homeTeamPlayerStatistics[i].playerInfo) {
                playerDataItem.push({
                  teamName: this.homeTeamName,
                  id: res.data.homeTeamPlayerStatistics[i].playerInfo ? res.data.homeTeamPlayerStatistics[i].playerInfo.playerId : "",
                  face: res.data.homeTeamPlayerStatistics[i].playerInfo ? res.data.homeTeamPlayerStatistics[i].playerInfo.face : "",
                  playerNum: res.data.homeTeamPlayerStatistics[i].playerInfo ? res.data.homeTeamPlayerStatistics[i].playerInfo.number : "",
                  playerName: res.data.homeTeamPlayerStatistics[i].playerInfo ? res.data.homeTeamPlayerStatistics[i].playerInfo.name : "其他",
                  pts: res.data.homeTeamPlayerStatistics[i].pts, // 得分
                  rebs: res.data.homeTeamPlayerStatistics[i].rebs, // 篮板
                  asts: res.data.homeTeamPlayerStatistics[i].asts, // 助攻
                  stls: res.data.homeTeamPlayerStatistics[i].stls, // 抢断
                  blks: res.data.homeTeamPlayerStatistics[i].blks, // 盖帽
                  twoPs: res.data.homeTeamPlayerStatistics[i].twoPs, // 二分球命中
                  twoPsMiss: res.data.homeTeamPlayerStatistics[i].twoPsMiss, // 二分球不中
                  threePs: res.data.homeTeamPlayerStatistics[i].threePs, // 三分球命中
                  threePsMiss: res.data.homeTeamPlayerStatistics[i].threePsMiss, // 三分球不中
                  onePs: res.data.homeTeamPlayerStatistics[i].onePs, // 一分球命中
                  onePsMiss: res.data.homeTeamPlayerStatistics[i].onePsMiss, // 一分球不中
                  tos: res.data.homeTeamPlayerStatistics[i].tos, // 失误
                  fouls: res.data.homeTeamPlayerStatistics[i].fouls, // 犯规
                  fts: res.data.homeTeamPlayerStatistics[i].fts, // 罚球命中
                  ftsMiss: res.data.homeTeamPlayerStatistics[i].ftsMiss, // 罚球不中
                  off: res.data.homeTeamPlayerStatistics[i].off, // 前板
                  def: res.data.homeTeamPlayerStatistics[i].def, // 后板
                  eff: res.data.homeTeamPlayerStatistics[i].eff, // 效率
                  onePsBfb: (res.data.homeTeamPlayerStatistics[i].onePs + res.data.homeTeamPlayerStatistics[i].onePsMiss) != 0 ? res.data.homeTeamPlayerStatistics[i].onePs/(res.data.homeTeamPlayerStatistics[i].onePs + res.data.homeTeamPlayerStatistics[i].onePsMiss) : 0,
                  twoPsBfb: (res.data.homeTeamPlayerStatistics[i].twoPs + res.data.homeTeamPlayerStatistics[i].twoPsMiss) != 0 ? res.data.homeTeamPlayerStatistics[i].twoPs/(res.data.homeTeamPlayerStatistics[i].twoPs + res.data.homeTeamPlayerStatistics[i].twoPsMiss) : 0,
                  threePsBfb: (res.data.homeTeamPlayerStatistics[i].threePs + res.data.homeTeamPlayerStatistics[i].threePsMiss) != 0 ? res.data.homeTeamPlayerStatistics[i].threePs/(res.data.homeTeamPlayerStatistics[i].threePs + res.data.homeTeamPlayerStatistics[i].threePsMiss) : 0,
                  ftsBfb: (res.data.homeTeamPlayerStatistics[i].fts + res.data.homeTeamPlayerStatistics[i].ftsMiss) != 0 ? res.data.homeTeamPlayerStatistics[i].fts/(res.data.homeTeamPlayerStatistics[i].fts + res.data.homeTeamPlayerStatistics[i].ftsMiss) : 0
                });
                totalpts += res.data.homeTeamPlayerStatistics[i].pts;
                totalrebs += res.data.homeTeamPlayerStatistics[i].rebs;
                totalasts += res.data.homeTeamPlayerStatistics[i].asts;
                totalstls += res.data.homeTeamPlayerStatistics[i].stls;
                totalblks += res.data.homeTeamPlayerStatistics[i].blks;
                totaltwoPs += res.data.homeTeamPlayerStatistics[i].twoPs;
                totaltwoPsMiss += res.data.homeTeamPlayerStatistics[i].twoPsMiss;
                totalthreePs += res.data.homeTeamPlayerStatistics[i].threePs;
                totalthreePsMiss += res.data.homeTeamPlayerStatistics[i].threePsMiss;
                totalonePs += res.data.homeTeamPlayerStatistics[i].onePs;
                totalonePsMiss += res.data.homeTeamPlayerStatistics[i].onePsMiss;
                totaltos += res.data.homeTeamPlayerStatistics[i].tos;
                totalfouls += res.data.homeTeamPlayerStatistics[i].fouls;
                totalfts += res.data.homeTeamPlayerStatistics[i].fts;
                totalftsMiss += res.data.homeTeamPlayerStatistics[i].ftsMiss;
                totaloff += res.data.homeTeamPlayerStatistics[i].off;
                totaldef += res.data.homeTeamPlayerStatistics[i].def;
                totaleff += res.data.homeTeamPlayerStatistics[i].eff;
              // }
            }
            for(let i=0;i<res.data.awayTeamPlayerStatistics.length;i++) {
              // if(res.data.awayTeamPlayerStatistics[i].playerInfo) {
                awayPlayerDataItem.push({
                  teamName: this.awayTeamName,
                  id: res.data.awayTeamPlayerStatistics[i].playerInfo ? res.data.awayTeamPlayerStatistics[i].playerInfo.playerId : "",
                  face: res.data.awayTeamPlayerStatistics[i].playerInfo ? res.data.awayTeamPlayerStatistics[i].playerInfo.face : "",
                  playerNum: res.data.awayTeamPlayerStatistics[i].playerInfo ? res.data.awayTeamPlayerStatistics[i].playerInfo.number : "",
                  playerName: res.data.awayTeamPlayerStatistics[i].playerInfo ? res.data.awayTeamPlayerStatistics[i].playerInfo.name : "其他",
                  pts: res.data.awayTeamPlayerStatistics[i].pts, // 得分
                  rebs: res.data.awayTeamPlayerStatistics[i].rebs, // 篮板
                  asts: res.data.awayTeamPlayerStatistics[i].asts, // 助攻
                  stls: res.data.awayTeamPlayerStatistics[i].stls, // 抢断
                  blks: res.data.awayTeamPlayerStatistics[i].blks, // 盖帽
                  twoPs: res.data.awayTeamPlayerStatistics[i].twoPs, // 二分球命中
                  twoPsMiss: res.data.awayTeamPlayerStatistics[i].twoPsMiss, // 二分球不中
                  threePs: res.data.awayTeamPlayerStatistics[i].threePs, // 三分球命中
                  threePsMiss: res.data.awayTeamPlayerStatistics[i].threePsMiss, // 三分球不中
                  onePs: res.data.awayTeamPlayerStatistics[i].onePs, // 一分球命中
                  onePsMiss: res.data.awayTeamPlayerStatistics[i].onePsMiss, // 一分球不中
                  tos: res.data.awayTeamPlayerStatistics[i].tos, // 失误
                  fouls: res.data.awayTeamPlayerStatistics[i].fouls, // 犯规
                  fts: res.data.awayTeamPlayerStatistics[i].fts, // 罚球命中
                  ftsMiss: res.data.awayTeamPlayerStatistics[i].ftsMiss, // 罚球不中
                  off: res.data.awayTeamPlayerStatistics[i].off, // 前板
                  def: res.data.awayTeamPlayerStatistics[i].def, // 后板
                  eff: res.data.awayTeamPlayerStatistics[i].eff, // 效率
                  onePsBfb: (res.data.awayTeamPlayerStatistics[i].onePs + res.data.awayTeamPlayerStatistics[i].onePsMiss) != 0 ? res.data.awayTeamPlayerStatistics[i].onePs/(res.data.awayTeamPlayerStatistics[i].onePs + res.data.awayTeamPlayerStatistics[i].onePsMiss) : 0,
                  twoPsBfb: (res.data.awayTeamPlayerStatistics[i].twoPs + res.data.awayTeamPlayerStatistics[i].twoPsMiss) != 0 ? res.data.awayTeamPlayerStatistics[i].twoPs/(res.data.awayTeamPlayerStatistics[i].twoPs + res.data.awayTeamPlayerStatistics[i].twoPsMiss) : 0,
                  threePsBfb: (res.data.awayTeamPlayerStatistics[i].threePs + res.data.awayTeamPlayerStatistics[i].threePsMiss) != 0 ? res.data.awayTeamPlayerStatistics[i].threePs/(res.data.awayTeamPlayerStatistics[i].threePs + res.data.awayTeamPlayerStatistics[i].threePsMiss) : 0,
                  ftsBfb: (res.data.awayTeamPlayerStatistics[i].fts + res.data.awayTeamPlayerStatistics[i].ftsMiss) != 0 ? res.data.awayTeamPlayerStatistics[i].fts/(res.data.awayTeamPlayerStatistics[i].fts + res.data.awayTeamPlayerStatistics[i].ftsMiss) : 0
                });
                awaytotalpts += res.data.awayTeamPlayerStatistics[i].pts;
                awaytotalrebs += res.data.awayTeamPlayerStatistics[i].rebs;
                awaytotalasts += res.data.awayTeamPlayerStatistics[i].asts;
                awaytotalstls += res.data.awayTeamPlayerStatistics[i].stls;
                awaytotalblks += res.data.awayTeamPlayerStatistics[i].blks;
                awaytotaltwoPs += res.data.awayTeamPlayerStatistics[i].twoPs;
                awaytotaltwoPsMiss += res.data.awayTeamPlayerStatistics[i].twoPsMiss;
                awaytotalthreePs += res.data.awayTeamPlayerStatistics[i].threePs;
                awaytotalthreePsMiss += res.data.awayTeamPlayerStatistics[i].threePsMiss;
                awaytotalonePs += res.data.awayTeamPlayerStatistics[i].onePs;
                awaytotalonePsMiss += res.data.awayTeamPlayerStatistics[i].onePsMiss;
                awaytotaltos += res.data.awayTeamPlayerStatistics[i].tos;
                awaytotalfouls += res.data.awayTeamPlayerStatistics[i].fouls;
                awaytotalfts += res.data.awayTeamPlayerStatistics[i].fts;
                awaytotalftsMiss += res.data.awayTeamPlayerStatistics[i].ftsMiss;
                awaytotaloff += res.data.awayTeamPlayerStatistics[i].off;
                awaytotaldef += res.data.awayTeamPlayerStatistics[i].def;
                awaytotaleff += res.data.awayTeamPlayerStatistics[i].eff;
              // }
            }
            allPlayerDataItem.push({
              teamName: this.homeTeamName,
              id: "",
              face: "",
              playerNum: "",
              playerName: "总计",
              pts: totalpts, // 得分
              rebs: totalrebs, // 篮板
              asts: totalasts, // 助攻
              stls: totalstls, // 抢断
              blks: totalblks, // 盖帽
              twoPs: totaltwoPs, // 二分球命中
              twoPsMiss: totaltwoPsMiss, // 二分球不中
              threePs: totalthreePs, // 三分球命中
              threePsMiss: totalthreePsMiss, // 三分球不中
              onePs: totalonePs, // 一分球命中
              onePsMiss: totalonePsMiss, // 一分球不中
              tos: totaltos, // 失误
              fouls: totalfouls, // 犯规
              fts: totalfts, // 罚球命中
              ftsMiss: totalftsMiss, // 罚球不中
              off: totaloff, // 前板
              def: totaldef, // 后板
              eff: totaleff // 效率
            });
            allAwayPlayerDataItem.push({
              teamName: this.awayTeamName,
              id: "",
              face: "",
              playerNum: "",
              playerName: "总计",
              pts: awaytotalpts, // 得分
              rebs: awaytotalrebs, // 篮板
              asts: awaytotalasts, // 助攻
              stls: awaytotalstls, // 抢断
              blks: awaytotalblks, // 盖帽
              twoPs: awaytotaltwoPs, // 二分球命中
              twoPsMiss: awaytotaltwoPsMiss, // 二分球不中
              threePs: awaytotalthreePs, // 三分球命中
              threePsMiss: awaytotalthreePsMiss, // 三分球不中
              onePs: awaytotalonePs, // 一分球命中
              onePsMiss: awaytotalonePsMiss, // 一分球不中
              tos: awaytotaltos, // 失误
              fouls: awaytotalfouls, // 犯规
              fts: awaytotalfts, // 罚球命中
              ftsMiss: awaytotalftsMiss, // 罚球不中
              off: awaytotaloff, // 前板
              def: awaytotaldef, // 后板
              eff: awaytotaleff // 效率
            });
            this.homeTeamData = playerDataItem;
            this.awayTeamData = awayPlayerDataItem;
            this.allPlayerDataItem = allPlayerDataItem;
            this.allAwayPlayerDataItem = allAwayPlayerDataItem;
            this.teamInfoList[0].title = this.model == 5 ? (this.statisticalModel == 1 ? "二分" : "二分%") : (this.statisticalModel == 1 ? "一分" : "一分%"); // 一分%
            this.teamInfoList[0].leftTeamNum = this.model == 5 ? totaltwoPs : totalonePs; // 二分%
            this.teamInfoList[0].rightTeamNum = this.model == 5 ?  awaytotaltwoPs : awaytotalonePs; // 二分%
            this.teamInfoList[0].leftTeamAllNum = this.model == 5 ?  totaltwoPs + totaltwoPsMiss : totalonePs + totalonePsMiss; // 二分%
            this.teamInfoList[0].rightTeamAllNum = this.model == 5 ? awaytotaltwoPs + awaytotaltwoPsMiss : awaytotalonePs + awaytotalonePsMiss; // 二分%
            this.teamInfoList[1].title = this.model == 5 ? (this.statisticalModel == 1 ? "三分" : "三分%") : (this.statisticalModel == 1 ? "二分" : "二分%"); // 一分%
            this.teamInfoList[1].leftTeamNum = this.model == 5 ? totalthreePs : totaltwoPs; // 三分%
            this.teamInfoList[1].rightTeamNum = this.model == 5 ? awaytotalthreePs : awaytotaltwoPs; // 三分%
            this.teamInfoList[1].leftTeamAllNum = this.model == 5 ? totalthreePs + totalthreePsMiss : totaltwoPs + totaltwoPsMiss; // 三分%
            this.teamInfoList[1].rightTeamAllNum = this.model == 5 ? awaytotalthreePs + awaytotalthreePsMiss : awaytotaltwoPs + awaytotaltwoPsMiss; // 三分%
            this.teamInfoList[2].title = this.statisticalModel == 1 ? "罚球" : "罚球%"; // 一分%
            this.teamInfoList[2].leftTeamNum = totalfts; // 罚球%
            this.teamInfoList[2].rightTeamNum = awaytotalfts; // 罚球%
            this.teamInfoList[2].leftTeamAllNum = totalfts + totalftsMiss; // 罚球%
            this.teamInfoList[2].rightTeamAllNum = awaytotalfts + awaytotalftsMiss; // 罚球%
            this.teamInfoList[3].leftTeamNum = totalrebs; // 篮板
            this.teamInfoList[3].rightTeamNum = awaytotalrebs; // 篮板
            this.teamInfoList[3].leftTeamAllNum = totalrebs; // 篮板
            this.teamInfoList[3].rightTeamAllNum = awaytotalrebs; // 篮板
            this.teamInfoList[4].leftTeamNum = totaloff; // 前板
            this.teamInfoList[4].rightTeamNum = awaytotaloff; // 前板
            this.teamInfoList[4].leftTeamAllNum = totaloff; // 前板
            this.teamInfoList[4].rightTeamAllNum = awaytotaloff; // 前板
            this.teamInfoList[5].leftTeamNum = totaldef; // 后板
            this.teamInfoList[5].rightTeamNum = awaytotaldef; // 后板
            this.teamInfoList[5].leftTeamAllNum = totaldef; // 后板
            this.teamInfoList[5].rightTeamAllNum = awaytotaldef; // 后板
            this.teamInfoList[6].leftTeamNum = totalblks; // 盖帽
            this.teamInfoList[6].rightTeamNum = awaytotalblks; // 盖帽
            this.teamInfoList[6].leftTeamAllNum = totalblks; // 盖帽
            this.teamInfoList[6].rightTeamAllNum = awaytotalblks; // 盖帽
            this.teamInfoList[7].leftTeamNum = totalasts; // 助攻
            this.teamInfoList[7].rightTeamNum = awaytotalasts; // 助攻
            this.teamInfoList[7].leftTeamAllNum = totalasts; // 助攻
            this.teamInfoList[7].rightTeamAllNum = awaytotalasts; // 助攻
            this.teamInfoList[8].leftTeamNum = totalstls; // 抢断
            this.teamInfoList[8].rightTeamNum = awaytotalstls; // 抢断
            this.teamInfoList[8].leftTeamAllNum = totalstls; // 抢断
            this.teamInfoList[8].rightTeamAllNum = awaytotalstls; // 抢断
            this.teamInfoList[9].leftTeamNum = totaltos; // 失误
            this.teamInfoList[9].rightTeamNum = awaytotaltos; // 失误
            this.teamInfoList[9].leftTeamAllNum = totaltos; // 失误
            this.teamInfoList[9].rightTeamAllNum = awaytotaltos; // 失误
            this.teamInfoList[10].leftTeamNum = totalfouls; // 犯规
            this.teamInfoList[10].rightTeamNum = awaytotalfouls; // 犯规
            this.teamInfoList[10].leftTeamAllNum = totalfouls; // 犯规
            this.teamInfoList[10].rightTeamAllNum = awaytotalfouls; // 犯规
            this.teamInfoList[11].leftTeamNum = totaleff; // 效率
            this.teamInfoList[11].rightTeamNum = awaytotaleff; // 效率
            this.teamInfoList[11].leftTeamAllNum = totaleff; // 效率
            this.teamInfoList[11].rightTeamAllNum = awaytotaleff; // 效率
          } else {
            this.$toast(res.msg);
          }
        }).catch(e => {
          // console.log("e: ", e);
        });
      },
      getMatchList() {
        console.log("getMatchList");
      },
      goBackClick() {
        this.$router.back();
      },
      toPlayerInfoClick(type, index) {
        localStorage.setItem("type", type);
        localStorage.setItem("typeIndex", index);
        this.$router.push({
          name: "PlayerInfo"
        });
      }
    },
    activated () {
      window.document.title = '大屏比分';
      let matchId = localStorage.getItem("matchId");
      this.selectMatchVo(matchId);
      this.$nextTick(() => {
        this.mainHeight = this.$refs.matchTitleElement.offsetHeight;
      });
      // setInterval(() => {
      //   this.getMatchList();
      // }, 2000);
    }
  }
</script>

<style scoped>
  .home-index {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .match-title-main {
    width: 86%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .match-title {
    font-family: SimHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.95);
  }
  .invisible-scrollbar::-webkit-scrollbar {
    display: none;
  }
</style>
